.container {
  height: 100vh;
  width: 100vw;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #131824;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);


  .header-img {
    width: 100vw;
    height: 70vh;
    overflow: hidden;
    position: relative;

    img {
      position: absolute;
      top: -336px;
      width: 100vw;
      height: 100vh;
    }
  }

  .content {
    width: 50vw;
    margin: 60px auto 0 auto;
    padding-bottom: 20px;
    min-height: 400px;
    padding-top: 60px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgba(299, 299, 299, 0.8);
    border-radius: 6px;
    position: relative;

    &-header-picture {
      height: 100px;
      width: 100px;
      border-radius: 50%;
      background-color: #7a7374;
      position: absolute;
      top: -50px;
      overflow: hidden;
      img {
        height: 100%;
      }
    }
  }
}

.show-container {
  opacity: 1;
  transition: opacity 3s;
}